<template>
  <div class="login">
    <div class="backlogin">
      <BackLogin></BackLogin>
    </div>



  </div>
</template>

<script>

// 引入使用的组件
import BackLogin from '@/components/BackLogin.vue'


export default {
  name: 'Login',
  components: {
      BackLogin
  },
  methods: {

  },
}
</script>

<style scoped>
.login {
  width:100%;
  height:100%;
  position:fixed;
  background-image: url('@/assets/BackLogin.jpg');
  background-size:cover;

}
.backlogin{
  margin:0;
  width:100%;
  height:100%;
  position:fixed;

  /* 调整backlogin下方div背景透明度和模糊度 */
  backdrop-filter: blur(3px);
}
</style>
